<template>
  <!--{{}}或v-text不能解析HTML元素，只会原样输出-->
  <p>{{ hello }}</p>
  <p v-text="hello"></p>
  <!--v-html指令将解析HTML元素，即将解析成字体为36像素-->
  <p v-html="hello"></p>
</template>

<script>
import { reactive, toRefs } from "vue";

export default {
  setup() {
    const state = reactive({
      hello: '<h1>hello world</h1>'
    });

    return {
      ...toRefs(state),
    };
  },
};
</script>
